<script setup lang="ts">
defineProps({
  currentPage: {
    type: Number,
    default: 1,
  },
  pageSize: {
    type: Number,
    default: 10,
  },
  list: {
    type: Array<{
      id: string
      title: string
      describe: string
      time: string
      image: string
    }>,
    default: () => [],
  },
})
</script>

<template>
  <view class="list">
    <view class="item" v-for="{ id, title, image, describe, time } in list" :key="id">
      <image class="item-image" :src="image" />
      <view class="item-content">
        <view class="item-content-title">
          <text class="item-title">{{ title }}</text>
          <text class="item-time">{{ time }}</text>
        </view>
        <view class="item-describe">{{ describe }}</view>
      </view>
    </view>
    <view class="item"></view>
  </view>
</template>

<style lang="scss">
@import './styles/NVideoList.scss';
</style>
